﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UserMGR.aspx.cs" Inherits="sWarranty.WEB.UserMGR" %>

<%@ Register Src="../UC/Header.ascx" TagName="Header" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>User Management</title>
    <link rel="stylesheet" type="text/css" href="../CSS/table.css" />
    <link rel="stylesheet" type="text/css" href="../CSS/Menu.css" />
    <link rel="stylesheet" type="text/css" href="../JS/DataTables-1.9.4/media/css/jquery.dataTables.css" />
    
    <script src="../JS/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="../JS/Menu.js" type="text/javascript"></script>
    <link href="../JS/chosen-master/chosen/chosen.css" rel="stylesheet" type="text/css" />
    <script src="../JS/chosen-master/chosen/chosen.jquery.js" type="text/javascript"></script>
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    <script src="../JS/jquery.tablesorter.js" type="text/javascript"></script>

    <script src="../JS/DataTables-1.9.4/media/js/jquery.dataTables.js"></script>

    <script type='text/javascript'>
        $(document).ready(function () {
            SetLogger();
        });
        $(function () {
            //$("table").tablesorter({ debug: false });
            //.tablesorterPager({ container: $("#pager") }); 
            $('table').dataTable();
//            $("table").tablesorter({
//                widgets: ['zebra']
//            });


//            var $window = $(window),
//            $tableHead = $(".table-head"),
//            offset = $tableHead.offset();

//            $window.scroll(function () {


//                if ($window.scrollTop() > offset.top) {
//                    $tableHead.addClass('fixed');
//                    if ($('#table-sorter thead tr.temp').length <= 0) {
//                        $('#table-sorter thead').append('<tr class="temp"><td>hello</td></tr>');
//                    }
//                } else {
//                    $tableHead.removeClass('fixed');
//                    $('tr.temp').remove();
//                }


//            });
        });


        function openPopUp(popUrl, type) {
            var name = 'popUp';
            var appearence = 'dependent=no,menubar=no,resizable=yes,scrollbars=1,' +
                  'status=yes,toolbar=yes,titlebar=no,' +
                  'width=' + window.screen.availWidth * 80 / 100 + ', height=' + window.screen.availHeight * 80 / 100 + ',resizable:yes,center:yes';
            var openWindow = '';
            if (type == 'open')
                openWindow = window.open(popUrl, name, appearence);
            if (type == 'popup')
                openWindow = window.showModalDialog(popUrl, name, appearence);
            openWindow.focus();
        }

        function ttt() {
            var timerId, delay = 5000;
            var a = document.getElementById('BeeperBox');
            var b = $("a.control");

            showTip(a);
        }

   
    </script>
    <style>
        .fixed
        {
            position: fixed;
            top: 0;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ksdjfl" runat="server">
    </asp:ScriptManager>
    <uc1:Header ID="Header1" runat="server" />
    <div class="Mid">
        <div class="Mid1">
            <div id="DataContent">
                <%-- <div>
                    Nội dung bên trái
                </div>--%>
                <div>
                    <div class="TitleCont">
                        User Information
                        <img id='imgLoadingxyz' src='../images/oader-grey.gif' style='display: none' />
                        <asp:Button ID="btnRegisterNew" runat="server" CssClass="button Float-right" Width="80px"
                            Text="Register" OnClick="btnRegisterNew_Click" />
                    </div>
                    <div id="xxx" style="height: 100%; overflow: auto;">
                        <!-- DataGrid Start -->
                        <table id="">
                            <thead>
                                <tr>
                                    <th scope="col">
                                        Emp No
                                    </th>
                                    <th scope="col">
                                        Account
                                    </th>
                                    <th scope="col">
                                        Display Name
                                    </th>
                                    <th scope="col">
                                        Authority
                                    </th>
                                    <th scope="col">
                                        User Reg
                                    </th>
                                    <th scope="col">
                                        Active
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <asp:Literal ID="litData" runat="server"></asp:Literal>
                            </tbody>
                        </table>
                        <asp:Literal ID="litPager" runat='server' Visible="false"></asp:Literal>
                    </div>
                </div>
            </div>
            <div id="divProDatePopup" style="display: none;">
                <table id="Table1">
                    <tbody>
                        <tr>
                            <td>
                                Produce Date:
                                <input type='hidden' id="hiddenProDatePopupPara" />
                            </td>
                            <td>
                                <input type="text" id="txtProDate" />
                            </td>
                            <td>
                                <input type='button' id="btnFindPickOrder" value="Search" style="width: 80px;" class="button" />
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="Clear_both">
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(".chzn-select").chosen();
    </script>
    </form>
</body>
</html>
